<template>
	<view class="orderResult">
		<view class="orderRe">
			<view class="img_wrap">
				<image class="img" mode="aspectFit" src="../../static/image/page/orderResutl.png"></image>
			</view>
			<view class="text">录单成功</view>
			<!-- <view class="text">订单编号:{{orderNum}}</view> -->
			<view class="btn_wrap">
				<wyb-button class="btn" :ripple="true" type="filled" color="#585cf7"
				:radius="radius" width="300rpx" height="80rpx" font-size="32rpx" @click="goToOrderPage"
					>查看订单</wyb-button> 
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				radius: ["100px"],
				orderNum: ""
			};
		},
		onLoad(option) {
			this.orderNum = option.orderNumber;
		},
		methods:{
			goToOrderPage() {
				uni.switchTab({
					url:"/pages/order/order",
					success(){
						let page = getCurrentPages().pop(); //跳转页面成功之后
						if (!page) return; 
							page.$vm.getBaseInfor()
					}
				})
			}
		}
	}
</script>
<style>
	page{height: 100%;}
</style>
<style lang="scss">
	.orderResult{width: 750rpx;height: 100%;margin: 0 auto;background: $dtg-color-primary;}
	.orderRe{width: 100%;height: 100%;background: #FFFFFF;border-radius: 20rpx 20rpx 0 0;display: flex;flex-direction:column;justify-content:center;align-items: center;padding-bottom: 300rpx;}
	.img{width: 370rpx;height: 200rpx;}
	.text{font-size: 32rpx;color: #999999;line-height: 50rpx;}
	.btn{margin-top: 20rpx;}
</style>
